<template>
    <div id="yfqk">
        <div style="width: 40%;float: left;">
            <h2>2018数据</h2>
            <el-table :data="res2018">
                <el-table-column label="到达日期"
                                 prop="arrivate_date"
                ></el-table-column>

                <el-table-column label="用房数量"
                                 prop="yfsl__sum"
                ></el-table-column>
            </el-table>
        </div>

        <div style="width: 40%;float: right;">
            <h2>2019数据</h2>
            <el-table :data="res2019">
                <el-table-column label="到达日期"
                                 prop="arrivate_date"
                ></el-table-column>

                <el-table-column label="用房数量"
                                 prop="yfsl__sum"
                ></el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
    export default {
        name: "yfqk",
        props: ['midData',],
        data() {
            return {
                res2018: '',
                res2019: ''
            }
        },
        mounted() {
            console.log(this.midData)
            this.res2018 = this.midData.res2018
            this.res2019 = this.midData.res2019 
        }
    }
</script>

<style scoped>

</style>